

$(function () {
    getCategory();
    // 渲染分类列表
    function getCategory() {
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/list',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success: function (res) {
                $('tbody').html(template('tpl', res));

            }
        })
    }

    // 新增分类
    $('#addcate').on('click', function (e) {
        e.preventDefault();
        let addform = $('#addform').serialize();
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/add',
            type: 'post',
            data: addform,
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success: function () {
                layer.msg('新增成功', {
                    time: 500 //500毫秒关闭（如果不配置，默认是3秒）
                }, function () {
                    // 关闭新增面板
                    $('#myModal').modal('hide');
                    //清空新增表单中文本框数据
                    document.querySelector('#addform').reset();
                    // 重新获取分类数据
                    getCategory()
                });
            }
        })
    });


    // 编辑分类

    $('tbody').on('click', '.edit', function () {
        $('#editModal').modal('show');
        const id = $(this).attr('data-id');
        $.ajax({
            url: 'http://localhost:8080/api/v1/admin/category/search',
            data: { id },
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success: function (res) {
                $('#name').val(res.data[0].name);
                $('#slug').val(res.data[0].slug);
                // 修改请求
                $('.btn_opt').on('click', function () {
                    $.ajax({
                        url: 'http://localhost:8080/api/v1/admin/category/edit',
                        type: 'post',
                        data: { id, name: $('#name').val(), slug: $('#slug').val() },
                        headers: {
                            Authorization: localStorage.getItem('token')
                        },
                        success: function (res) {
                            layer.msg('新增成功', {
                                time: 500 //500毫秒关闭（如果不配置，默认是3秒）
                            }, function () {
                                // 关闭新增面板
                                $('#editModal').modal('hide');
                                //清空新增表单中文本框数据
                                document.querySelector('#editform').reset();
                                // 重新获取分类数据
                                getCategory()
                            });
                        }
                    })
                })
            }
        })
    });

    // 删除分类
    $('tbody').on('click', '.delete', function () {
        /* if (confirm('确认删除分类吗')) {
            $.ajax({
                url: 'http://localhost:8080/api/v1/admin/category/delete',
                type: 'post',
                data: { id: $(this).prev().attr('data-id') },
                headers: {
                    Authorization: localStorage.getItem('token')
                },
                success: function () {
                    layer.msg('删除成功', {
                        time: 500 //500毫秒关闭（如果不配置，默认是3秒）
                    }, function () {
                        // 重新获取分类数据
                        getCategory()
                    });

                }
            })
        }
 */
        layer.confirm('确认删除分类吗', () => {
            $.ajax({
                url: 'http://localhost:8080/api/v1/admin/category/delete',
                type: 'post',
                data: { id: $(this).prev().attr('data-id') },
                headers: {
                    Authorization: localStorage.getItem('token')
                },
                success: function () {
                    layer.msg('删除成功', {
                        time: 500 //500毫秒关闭（如果不配置，默认是3秒）
                    }, function () {
                        // 重新获取分类数据
                        getCategory()
                    });

                }
            })
        })

    })
})